.case{
	width: 100%;
	
	.c_css{
		width: 80%;
		margin: 0 auto;
		display: flex;
		.c_span1{
			width: 70%;
			ul{
				width: 100%;
				display: flex;
				flex-wrap:wrap;
				justify-content:space-between;
				li{
					width: 48%;
					margin-top: 30px;
					transition:1s;
					div{
						width: 100%;
						overflow: hidden;
						transition:1s;
						img{
							width: 100%;
							border: 1px solid gray;
							transition:1s;
						}
					}
					p{
						width: 90%;
						margin: 0 auto;
						line-height: 40px;
						transition:1s;
						color: gray;
					}
					&:hover{
						background: rgba(0,0,0,0.6);
						p{
							color: #fff;
						}
					}
				}
			}
		}
		.c_span2{
			width: 29%;
			ul{
				width: 100%;
				li{
					margin-left:20%; 
					width: 50%;
					text-align: center;
					line-height: 50px;
					background: lighten(#ccc,10%);
					font-size: 15px;
					color: darken(gray,15%);
					margin-top: 8px;
					transition:1s;
					&:hover{
						color:#fff;
						background: #fc904e;
					}
				}
			}
		}

	}
}